{% extends "blog/base.html" %}
{% load static %}
{% load blog_tags %}


 {% block title %}
     <title>{{ article.title }}</title>
 {% endblock %}
{% block meta %}
    <meta name="description" content="{{ article.summary }}" />
    <meta name="keywords" content="{% keywords_to_str article %}" />
    <meta data-rh="true" property="og:title" content="{{ article.title }}">
    <meta data-rh="true" property="og:description" content="{{ article.summary }}">
{% endblock %}

<!-- Page Header-->
{% block header %}
    <header class="masthead" style="background-image: url('{% static 'img/post-bg.jpg' %}')">
        <div class="container position-relative px-4 px-lg-5">
            <div class="row gx-4 gx-lg-5 justify-content-center">
                <div class="col-md-10 col-lg-8 col-xl-7">
                    <div class="post-heading">
                        <h1>{{ article.title }}</h1>
                        <h2 class="subheading">{{ article.summary }}</h2>
                        <span class="meta">
                                Posted by
                                <a href="{% url 'blog:articles_list' %}">{{ article.author }}</a>
                                on {{ article.create_time|date:"Y-m-d" }}
                            </span>
                    </div>
                </div>
            </div>
        </div>
    </header>
{% endblock %}
<!-- Post Content-->
{% block main %}
    <article class="mb-4">
        <div class="container px-4 px-lg-5">
            <div class="row gx-4 gx-lg-5 justify-content-center">
                <div class="col-md-10 col-lg-8 col-xl-7">
                    {{ article.body|safe }}
                </div>
            </div>
        </div>
    </article>
{% endblock %}
